@extends('layouts.mobile_main')

@section('title', '账号安全')

@section('resources')
    @parent
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <link rel="stylesheet" href="{{ env('CSS_DOMAIN') }}/css/public.css?v={{env('CSS_VERSION')}}">
    <script src="{{ env('JS_DOMAIN') }}/js/adaptation.js?v={{env('JS_VERSION')}}"></script>
@endsection

@section('content')
<div class="paysu_outer">
	<header class="pay_sure oh" style="background-color: #fff;">
		<a class="fl" href="javascript:history.go(-1);">
		<img class="fl" src="{{env('IMAGE_DOMAIN')}}/images/back_p.png?v={{env('IMAGE_VERSION')}}" alt=""></a>
		<span class="fl co_violet fz_48">账号安全</span>
	</header>
	<section class="welfare_center">
		<ul class="pay_password">
			<a href="/mobile/mycenter/phone/binding">
				<li class="pay_password_again">
					<span class="fz_44 fl">绑定手机号</span>
					<img class="fr" src="{{env('IMAGE_DOMAIN')}}/images/go_g.png?v={{env('IMAGE_VERSION')}}" alt="">
					<span class="fz_40 fr" style="margin-right: 0.3rem;">{{$mobile}}</span>
				</li>
			</a>
			<a href="/mobile/mycenter/account/auth">
				<li class="pay_password_again">
					<span class="fz_44 fl">实名认证</span>
					<img class="fr" src="{{env('IMAGE_DOMAIN')}}/images/go_g.png?v={{env('IMAGE_VERSION')}}" alt="">
					@if($realname == '')
					    <span class="fz_40 fr co_orange" style="margin-right: 0.3rem;">未认证</span>
					@else
					    <span class="fz_40 fr" style="margin-right: 0.3rem;">{{$realname}}</span>
					@endif
				</li>
			</a>
		</ul>
	</section>
</div>
@endsection

@section('scriptResources')
    @parent
    <script>
        window.onresize=function(){
            pagesp();
        }
        $(function(){
            var paysu_outer_h=$(window).height();
            $(".paysu_outer").css({"min-height":paysu_outer_h});
        })
    </script>
@endsection